<!DOCTYPE HTML>
<html>
    <head>
        <title>PHP添加显示最新数据案例</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="./index.css">
        <script src="./index.js"></script>
    </head>
    <body id="body" class="show">
        <div class="title"><!--默认头部标题-->
            <span class="id">ID</span>
            <span class="name">名字</span>
            <span class="sex">性别</span>
            <span class="age">年龄</span>
            <span class="high">身高</span>
            <span class="time">时间</span>
        </div>
        <script>
            window.addEventListener('DOMContentLoaded',function(){  //监听DOM加载完毕。 
				var indexStart = 0;
                function doit(){                                
                    Y.get({
                        url:'./action.php',                         //后台处理路径。
                        param:{                                     //后台处理参数。
                            cmd:'selectStudentInfo',                //执行函数。
                            indexStart:indexStart                   //传递给执行函数的参数。
                        },
                        yes:function(data){
                            if(data.code){                          //当查找到数据有结果时。
                                var ul = document.createElement('div');                     //创建一个div元素标签。
                                ul.setAttribute('class','ul');                              //设置div元素的class为ul。
                                data.msg.forEach(function(value,index,array){               //循环处理返回的数据。
                                
                                    var str = '<span class="id">' + value.id + '</span>'    //拼接表格单元数据。
                                    + '<span class="name">' + value.name + '</span>'
                                    + '<span class="sex">' + value.sex + '</span>'
                                    + '<span class="age">' + value.age + '</span>'
                                    + '<span class="high">' + value.high + '</span>'
                                    + '<span class="time">' + value.iTime + '</span>';
                                    
                                    var li = document.createElement('div');                 //创建一个div元素。
                                    li.setAttribute('class','li');                          //设置它的class为li。
                                    li.innerHTML = str;                                     //讲拼接的单元格数据放到li表格行中。
                                    ul.append(li);                                          //把表格行放入ul表格中。                                             
                                });
                                Y.id('body').append(ul);                                    //把拼接的表格，插入到当前body标签内容的最后面。
                            }
                        },
                        no:function(data){
                            console.dir(data);                                              //失败则输出数据到控制台。
                        }
                    });
                }
                doit();
            });
        </script>
    </body>
</html>